import React, { Component } from 'react'
import Child from './child'

export default class index extends Component {
  render () {
    return (
      <div>
        index
        <Child
          header={<p>标题</p>}
          bottom={
            <div>
              <button>取消</button>
              <button>确认</button>
            </div>
          }
          render={val => {
            return (
              <div>
                val is {val.name},{val.address}
              </div>
            )
          }}
        >
          <div>
            活动名称：
            <input />
            <br />
            活动区域：
            <input />
          </div>
        </Child>
        <hr />
        {/* <Child
          header={<p>标题</p>}
          bottom={<p>底部</p>}
        >
          <table>
            <tr>
              <th>日期</th>
              <th>姓名</th>
              <th>地址</th>
            </tr>
          </table>
        </Child> */}
      </div>
    )
  }
}
